.content {
    position: relative;
    z-index: 1;
    height: 90.8rem;
    background: url(../images05/map.png);
}

        /* left */

.left {
    width: 16%;
    height: 100%;
    float: left;
    /* position: fixed; */
    position: sticky;
    top: 0;
    background-color: #242b2e;
}

 /* header */
.header {
    position: relative;
    width: 100%;
    background-color: #fff;
}

.header .pic-one {
    width: 39%;
    display: block;
    margin: 0 auto;
    padding-top: 1.8em;
}

.header .pic-two {
    width: 25%;
    display: block;
    margin: 0 auto;
    padding-bottom: 2.6em;
}
 
.left .nav {
    width: 100%;
    padding: 0;
    margin: 0;
}

.left .nav li {
    border: 1px solid #293034;
    list-style: none;
    width: 100%;
    height: 3.6em;
    line-height: 3.6em;
    background-color: #31393d;
    text-align: right;
    padding-right: 1.4em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
}

.left .nav a {
    text-decoration: none;    
}

.left .nav a .Contact{
    background-color: #22adac;
}

.left .nav li:active {
    background-color: #22adac;
}

/* Filter */

.Filter {
    width: 100%;
    background-color: #242b2e;
    border-bottom: 1px solid #1e282b;
}

.Filter p {
    text-align: right;
    padding-right: 1.7rem;
    color: #1ab5b3;
    padding-top: 1.3em;
    padding-bottom: 1.3em;
    margin-bottom: 0;
}

.Filter .nav-bottom  a {
    text-decoration: none;
    margin-bottom: .8rem;
}

.Filter .nav-bottom li {
    list-style: none;
    width: 100%;
    text-align: right;
    color: #6b7072;
    font-size: .7rem;
    padding-right: 1.7rem;
    margin-bottom: .7143rem;
}

.Filter .nav-bottom .firt-a li {
    color: #fff;
}

.Filter .nav-bottom a:nth-of-type(6) li {
    margin-bottom: 2.1429rem;
}

.Filter-right {
    margin-left: .7em;
}

/* left-bottom */

.left-bottom {
    background-color: #242b2e;    
    overflow: hidden;
}

.share {
    text-align: right;
    padding-right: 1.7rem;
    margin-top: 2rem;
    margin-bottom: 1.7143rem;
}

.left-bottom .text {
    font-size: .6429rem;
    color: #6b7072;
    text-align: right;
    padding-right: 1.7rem;
    margin-bottom: 19.5rem;
}


/* right */

.right {
    width: 84%;
    height: 100%;
    float: right;
 }
 
 .right-content {
    width: 50%;
    background-color: #fff;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-top: 3rem;
    overflow: hidden;
 }
 .right h4 {
    font-size: 17px;
    margin-top: 2.5rem;
 }
 .right .p-one {
    font-size: 13px;
    color: #a3a3a3;
    margin-bottom: 2rem;
 }

 .right .border {
    border-bottom: 1px solid #e5e5e5;
 }


 /* .msg */

.right-content .msg {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
 }
 .right-content .msg .msg-left {
    width: 49%;
 }
 .right-content .msg .msg-left .left-one {
    border: 1px solid #eaeaea;
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
    height: 5.6rems;
    cursor: pointer;
}
.right .msg .msg-left .left-one p {
    width: 75%;
    font-size: 1rem;
    color: #949494;
    display: flex;
    align-items: center;
    margin: 0;
    margin-left: 1.3rem;
}
.right-content .msg .msg-left .left-one .father {
    width: 25%;
    border-right: 1px solid #eaeaea;

}
.right-content .msg .msg-left .left-one .father .son {
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid #1ab5b3;
    background: url(../images05/user.png) no-repeat center;
    margin-top: 1.3rem;
    margin-bottom: 1.3rem;
}

.right-content .msg .msg-left .left-one .father .son-two {
    background: url(../images05/msg.png) no-repeat center;
}

.right-content .msg .msg-left .left-one .father .son-three {
    background: url(../images05/a.png) no-repeat center;
}

/* .msg-right */

.msg-right {
    width: 49%;
}
.msg-right .right-one {
    border: 1px solid #eaeaea;
    height: 12.5rem;
    font-size: 10px;
    color: #848484;
    padding-top: 2.4rem;
    padding-left: 1.7rem;
    margin-bottom: 1.1rem;
    cursor: pointer;
}
.msg-right .right-two {
    height: 5.8rem;
    line-height: 5.6rem;
    background-color: #1ab5b3;
    color: #fff;
    text-align: center;
    cursor: pointer;
}



/* 媒体查询 */

@media screen and (max-width: 1170px) {
    .right-content{
        width: 60%;
    }
}

@media screen and (max-width: 500px) {
    .right-content{
        width: 92%;
        margin-right: 1.5rem;
    }
}